{% extends 'layout.html' %}
{% block content %}
    <div class="luffy_container">
        {% if add_btn %}
            <div style="margin: 5px 0;">
                {{ add_btn|safe }}
            </div>
        {% endif %}
        {% for row in body_list %}

            <div class="panel panel-default">
                <div class="panel-body" style="position: relative;">
                    {{ row.0 }}
                    <div style="margin: 5px;">
                        <div style="display: inline-block;margin-right: 15px;"><i class="fa fa-user"
                                                                                  aria-hidden="true"></i>{{ row.1 }}
                        </div>
                        <div style="display: inline-block;"><i class="fa fa-clock-o"
                                                               aria-hidden="true"></i>{{ row.2 }}</div>
                    </div>
                    <div style="position: absolute; top:0;bottom:0;right:10px;width: 100px; display: flex;justify-content: center;align-items: center">
                        <div style="display: inline-block; margin:5px;"><a href="">{{ row.3 }}</a></div>
                    </div>
                </div>
            </div>
        {% endfor %}
        <nav>
            <ul class="pagination">
                {{ pager.page_html|safe }}
            </ul>
        </nav>
    </div>
{% endblock %}